<template>
  <div class="Notice">
    <div v-if="!notice" class="head-title">{{ msg }}</div>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import Sence from '../sence/Sence';

@Component
export default class Notice extends Sence {
  @Prop() private msg!: string;
  @Prop({default:false}) private notice!: number;
  public mounted():void{
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="stylus">
  .head-title
     padding 15px 0
     text-align center
     font-size 16px
     font-weight bold
     color #808080
</style>
